{% extends "base.html" %}

{% block head %}
  <!--
  <link id="bespin_base" href="/static/bespin-embedded">
  {% if is_production %}
    <script src="/static/bespin-embedded/BespinEmbedded.js"></script>
  {% else %}
    <script src="/static/bespin-embedded/BespinEmbedded.uncompressed.js"></script>
  {% endif %}
  -->
{% endblock %}

{% block body %}

  <div class="editor-content">
    <div class="editor-pane editor-pane-left">
      <pre id="editor-ace" style="visibility:hidden"></pre>
    </div>
    <div class="editor-pane editor-pane-right" style="position: absolute;">
      <iframe class="editor-preview"></iframe>
    </div>
  </div>

  {% if is_production %}
    <script src="/static/editor.prod.js"></script>
  {% else %}
    <script src="/static/ace/src/ace.js"></script>
    <script src="/static/ace/src/theme-eclipse.js"></script>
    <script src="/static/ace/src/mode-html.js"></script>

    <script src="/static/dev.js"></script>
    <script src="/static/editor.js"></script>
  {% endif %}

{% endblock %}

